import React from 'react';
import HeadNav from '../../components/HeadNav';
import { useNavigate } from 'react-router-dom';
import style from './index.module.scss';
import ListItem from '../../components/ListItem';
import List from '@mui/material/List';

export default function Star() {
    const navigate = useNavigate();
    const leftClick = () => {
        navigate(-1);
    }
    const userClick = (item) => {
        console.log(item)
    }

    const data = [
        {
          _id: 101,
          title: '周末招聘语音聊天(工作轻松，非常简单的啊啊啊啊)',
          detail: '致斯科特、亚历克斯、詹妮弗——希望我能来，但我现在不在城里致斯科特、亚历克斯、詹妮弗——希望我能来，但我现在不在城里',
          tag: [
            {
              name: '有提成'
            },
            {
              name: '有提成'
            },
            {
              name: '有提成'
            }
          ],
          price: 1000,
          methods: '月',
          publicNickName: '湖南信息学院',
          publicInfo: 'https://cdn.uviewui.com/uview/album/1.jpg' 
        },
        {
          _id: 101,
          title: '周末招聘语音聊天(工作轻松，非常简单的啊啊啊啊)',
          detail: '致斯科特、亚历克斯、詹妮弗——希望我能来，但我现在不在城里致斯科特、亚历克斯、詹妮弗——希望我能来，但我现在不在城里',
          tag: [
            {
              name: '有提成'
            },
            {
              name: '有提成'
            },
            {
              name: '有提成'
            }
          ],
          price: 1000,
          methods: '月',
          publicNickName: '湖南信息学院',
          publicInfo: 'https://cdn.uviewui.com/uview/album/1.jpg' 
        },
        {
          _id: 101,
          title: '周末招聘语音聊天(工作轻松，非常简单的啊啊啊啊)',
          detail: '致斯科特、亚历克斯、詹妮弗——希望我能来，但我现在不在城里致斯科特、亚历克斯、詹妮弗——希望我能来，但我现在不在城里',
          tag: [
            {
              name: '有提成'
            },
            {
              name: '有提成'
            },
            {
              name: '有提成'
            }
          ],
          price: 1000,
          methods: '月',
          publicNickName: '湖南信息学院',
          publicInfo: 'https://cdn.uviewui.com/uview/album/1.jpg' 
        },
        {
          _id: 101,
          title: '周末招聘语音聊天(工作轻松，非常简单的啊啊啊啊)',
          detail: '致斯科特、亚历克斯、詹妮弗——希望我能来，但我现在不在城里致斯科特、亚历克斯、詹妮弗——希望我能来，但我现在不在城里',
          tag: [
            {
              name: '有提成'
            },
            {
              name: '有提成'
            },
            {
              name: '有提成'
            }
          ],
          price: 1000,
          methods: '月',
          publicNickName: '湖南信息学院',
          publicInfo: 'https://cdn.uviewui.com/uview/album/1.jpg' 
        },
        {
          _id: 101,
          title: '周末招聘语音聊天(工作轻松，非常简单的啊啊啊啊)',
          detail: '致斯科特、亚历克斯、詹妮弗——希望我能来，但我现在不在城里致斯科特、亚历克斯、詹妮弗——希望我能来，但我现在不在城里',
          tag: [
            {
              name: '有提成'
            },
            {
              name: '有提成'
            },
            {
              name: '有提成'
            }
          ],
          price: 1000,
          methods: '月',
          publicNickName: '湖南信息学院',
          publicInfo: 'https://cdn.uviewui.com/uview/album/1.jpg' 
        },
        {
          _id: 101,
          title: '周末招聘语音聊天(工作轻松，非常简单的啊啊啊啊)',
          detail: '致斯科特、亚历克斯、詹妮弗——希望我能来，但我现在不在城里致斯科特、亚历克斯、詹妮弗——希望我能来，但我现在不在城里',
          tag: [
            {
              name: '有提成'
            },
            {
              name: '有提成'
            },
            {
              name: '有提成'
            }
          ],
          price: 1000,
          methods: '月',
          publicNickName: '湖南信息学院',
          publicInfo: 'https://cdn.uviewui.com/uview/album/1.jpg' 
        }
      ]

    return (
        <>
            <HeadNav leftClick={leftClick} title={'收藏'} isShadow={false} borderRadius={'0'}></HeadNav>
            <div className={style.content}>
                <div className={style.box}>
                    <List sx={{ width: '100%', bgcolor: 'background.paper' }}>
                        {data.map((item) => {
                            return (
                            <ListItem key={item._id + ''} userClick={userClick} {...item} isShowButton={false}></ListItem>
                            )
                        })}
                    </List>
                </div>
            </div>
        </>
    )
}
